<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"></meta>
    <title>采集信息</title>
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/default/easyui.css"></link>
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css"></link>
    <script type="text/javascript" src="../../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
<style>
    .panel-body {
        overflow-y: hidden;
    }
</style>
</head>
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:60px;">
    <h2>DNS信息采集</h2>
</div>
<div data-options="region:'west',split:true,title:' '" style="width:150px;padding:10px;">
    <div id="titlebar" style="padding:2px">
        <a href="javascript:open()" class="easyui-linkbutton" style="width:100%" data-options="iconCls:'icon-large-shapes',size:'large',iconAlign:'top'">DNS采集数据</a>
        <a href="javascript:open1()" class="easyui-linkbutton" style="width:100%;margin-top: 10px" data-options="iconCls:'icon-large-shapes',size:'large',iconAlign:'top'">Telnet数据</a>
    </div>
</div>
<div data-options="region:'center'">
    <div id="tt" class="easyui-tabs" style="width:100%;height:100%;">
        <div title="Home">
        </div>
    </div>
</div>
<script>
    function open() {
        addTab('DNS采集数据','../dnsPage');
    }
    function open1() {
        addTab('Telnet数据','../telnetPage');
    }
    function addTab(title, url){
        if ($('#tt').tabs('exists', title)){
            $('#tt').tabs('select', title);
        } else {
            var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
            $('#tt').tabs('add',{
                title:title,
                content:content,
                closable:true
            });
        }
    }
</script>
</body>
</html>